home *** CD-ROM | disk | FTP | other *** search
/ PC Users 1999 April / Cd Pc Users extra 19 abril 1999.iso / Prog / Inst / Js02 / js02.exe / js / animdivoptgo.js < prev    next >
Encoding:
Text File  |  1999-01-12  |  9.1 KB  |  213 lines
  1. function Anim_DivOptGo(signe_browser,NbDiv,NameId,NumberId,LeftPos,TopPos,TimeOutId){
  2.     
  3.     var meja=null;
  4.  
  5.     var IMGANIM='';
  6.     var IMGANIM1='';
  7.     var IMGANIM2='';
  8.     var IMGANIM3='';
  9.  
  10.     var IMGANIMNav1='';
  11.     var IMGANIMForm='';
  12.  
  13.  
  14.  
  15.  
  16.     IMGANIM1  ='<HTML>  \n';        
  17.     IMGANIM1 +='<HEAD><TITLE>Layer Animation: CROSS BROWSER DHTML/JAVASCRIPT: VERSION 1.00</TITLE>  \n';        
  18.     IMGANIM1 +='<STYLE TYPE="text/css">  \n';        
  19.     IMGANIM1 +='A:link    {text-decoration:none; color:red;}  \n';       
  20.     IMGANIM1 +='A:visited    {text-decoration:none; color:red;}  \n';        
  21.     IMGANIM1 +='A:active    {text-decoration:none; color:red;}  \n';  
  22.     IMGANIM1 +='BODY {background: url(../image/snm_bgsawo.jpg); background-position: -120 0;}  \n'; 
  23.          IMGANIM1 +='#'+NameId+' {position:absolute; LEFT:'+LeftPos+'; TOP:'+TopPos+';}  \n';      
  24.     for (var j=0; j < NbDiv; j++){
  25.         var l=j+1;
  26.         IMGANIM1 +='#'+NameId+'ly'+l+' {visibility:hidden; position:absolute; LEFT:0; TOP:0;}  \n';      
  27.     }    
  28.     IMGANIM1 +='P.RED1   {font:30pt modern; font-weight:bold}  \n';      
  29.     IMGANIM1 +='</STYLE>  \n';        
  30.     IMGANIM1 +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/initv01.js"></SCRIPT>  \n';        
  31.     IMGANIM1 +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/browser01.js"></SCRIPT>  \n';        
  32.     IMGANIM1 +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/animlyv02.js"></SCRIPT>  \n';        
  33.     IMGANIM1 +='<SCRIPT LANGUAGE="JavaScript">  \n';        
  34.     IMGANIM1 +='var nbrowser=-1;  \n';         
  35.     IMGANIM1 +='function check_browser(){  \n';         
  36.     IMGANIM1 +='    get_browser();  \n';        
  37.     IMGANIM1 +='    if (browser.name ==  "Microsoft Internet Explorer")   nbrowser=1;  \n';        
  38.     IMGANIM1 +='    if (browser.name ==  "Navigator Netscape") nbrowser=0;  \n';        
  39.     IMGANIM1 +='    animation(0);  \n';        
  40.     IMGANIM1 +='}  \n';         
  41.       IMGANIM1 +='function animation(signe_'+NameId+'img) {  \n';        
  42.     IMGANIM1 +='    if (signe_'+NameId+'img==0) animlyv02(nbrowser,'+NumberId+',"true","'+NameId+'","'+NameId+'ly",0,'+NbDiv+','+TimeOutId+');  \n';       
  43.     IMGANIM1 +='    if (signe_'+NameId+'img==1) animlyv02(nbrowser,'+NumberId+',"false","'+NameId+'","'+NameId+'ly",0,'+NbDiv+','+TimeOutId+');  \n';        
  44.     IMGANIM1 +='}  \n';        
  45.     IMGANIM1 +='function end_animlyv02(ly1,ly2){}  \n';    
  46.      IMGANIM1 +='function go_click(k){}  \n'; 
  47.     IMGANIM1 +='</SCRIPT>  \n';           
  48.     IMGANIM2 +='</HEAD>  \n';         
  49.     IMGANIM2 +='<BODY>  \n';         
  50.     IMGANIM2 +='<DIV ID='+NameId+'>  \n';        
  51.  
  52.     for (var j=0; j < NbDiv; j++){
  53.         var l=j+1;
  54.         var ll=5+j+1;
  55.         IMGANIM2 +='    <DIV ID='+NameId+'ly'+l+'><P CLASS=RED1><A HREF="JavaScript://" OnMouseOver="animation(1);" OnMouseOut="animation(0);" OnClick="go_click('+l+');return false;">'+DivText[ll]+'</A></P></DIV>  \n';      
  56.         IMGANIMNav1 +='    <DIV ID=ANIMIMAGELY'+l+' STYLE="position:absolute; left:0; Top:0; font:30pt modern; color:red; font-weight:bold;">'+DivText[ll]+'</DIV>  \n';      
  57.  
  58.     }
  59.     IMGANIMNav1 +='    <DIV ID=ANIMIMAGELYBLANK STYLE="position:absolute; left:0; Top:0;"><A HREF="JavaScript://" OnMouseOver="animation(1);" OnMouseOut="animation(0);" OnClick="go_click('+l+');return false;"><IMG SRC="../image/blank.gif" WIDTH=200 HEIGHT=50 BORDER=0></A></DIV>  \n';      
  60.  
  61.     IMGANIM2 +='</DIV>  \n';      
  62.     IMGANIM3 +='</BODY>  \n';        
  63.     IMGANIM3 +='</HTML>  \n';        
  64.     IMGANIM3 +='<SCRIPT>var tc=check_browser();</SCRIPT>  \n';        
  65.  
  66.  
  67.     var LiveRef='<BASE HREF="http://www.buana.com/content/">  \n';  
  68.     var ButtonSelect1  ='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/objvisv01.js"></SCRIPT>  \n';
  69.     ButtonSelect1 +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/liveim2v01.js"></SCRIPT>  \n';
  70.     ButtonSelect1 +='<SCRIPT LANGUAGE="javascript">  \n';
  71.     ButtonSelect1 +='//  \n';
  72.     ButtonSelect1 +='// IMAGE SETUP FOR SELECTS BUTTON  \n';
  73.     ButtonSelect1 +='//  \n';
  74.     ButtonSelect1 +='SELECT1img1click = new Image();  \n';
  75.     ButtonSelect1 +='SELECT1img1click.src = "../image/snm_code_click.gif";  \n';
  76.     ButtonSelect1 +='SELECT1img1over = new Image();  \n';
  77.     ButtonSelect1 +='SELECT1img1over.src = "../image/snm_code_over.gif";  \n';
  78.     ButtonSelect1 +='SELECT1img1out = new Image();  \n';
  79.     ButtonSelect1 +='SELECT1img1out.src = "../image/snm_code.gif";  \n';
  80.     ButtonSelect1 +='//  \n';
  81.     ButtonSelect1 +='SELECT2img2click = new Image();  \n';
  82.     ButtonSelect1 +='SELECT2img2click.src = "../image/snm_preview_click.gif";  \n';
  83.     ButtonSelect1 +='SELECT2img2over = new Image();  \n';
  84.     ButtonSelect1 +='SELECT2img2over.src = "../image/snm_preview_over.gif";  \n';
  85.     ButtonSelect1 +='SELECT2img2out = new Image();  \n';
  86.     ButtonSelect1 +='SELECT2img2out.src = "../image/snm_preview.gif";  \n';
  87.     ButtonSelect1 +='//  \n';
  88.     ButtonSelect1 +='SELECT3img3click = new Image();  \n';
  89.     ButtonSelect1 +='SELECT3img3click.src = "../image/snm_back_click.gif";  \n';
  90.     ButtonSelect1 +='SELECT3img3over = new Image();  \n';
  91.     ButtonSelect1 +='SELECT3img3over.src = "../image/snm_back_over.gif";  \n';
  92.     ButtonSelect1 +='SELECT3img3out = new Image();  \n';
  93.     ButtonSelect1 +='SELECT3img3out.src = "../image/snm_back.gif";  \n';
  94.     ButtonSelect1 +='function select_over(k){  \n';
  95.     ButtonSelect1 +='    ly1="SELECT";  \n';
  96.     ButtonSelect1 +='    ly2="SELECT"+k;  \n';
  97.     ButtonSelect1 +='    Img=ly2+"img";  \n';
  98.     ButtonSelect1 +='    img_over2(nbrowser,ly1,ly2,Img,k);  \n';
  99.     ButtonSelect1 +='}  \n';
  100.     ButtonSelect1 +='function select_out(k){  \n';
  101.     ButtonSelect1 +='    ly1="SELECT";  \n';
  102.     ButtonSelect1 +='    ly2="SELECT"+k;  \n';
  103.     ButtonSelect1 +='    Img=ly2+"img";  \n';
  104.     ButtonSelect1 +='    img_out2(nbrowser,ly1,ly2,Img,k);  \n';
  105.     ButtonSelect1 +='}  \n';
  106.     ButtonSelect1 +='function select_click(k){  \n';
  107.     ButtonSelect1 +='    ly1="SELECT";  \n';
  108.     ButtonSelect1 +='    ly2="SELECT"+k;  \n';
  109.     ButtonSelect1 +='    Img=ly2+"img";  \n';
  110.     ButtonSelect1 +='    img_click2(nbrowser,ly1,ly2,Img,k);  \n';
  111.     // ButtonSelect1 +='    if (k==3) parent.frames[1].location=history[-1];  \n';
  112.     ButtonSelect1 +='    if (k==3) parent.frames[1].history.back();  \n';
  113.     ButtonSelect1 +='    if (k==1) Obj_Vis(nbrowser,1,"'+NameId+'","hidden");  \n';
  114.     ButtonSelect1 +='    if (k==1) Obj_Vis(nbrowser,1,"SOURCE","inherit");  \n';
  115.  
  116.     ButtonSelect1 +='    if (k==2) Obj_Vis(nbrowser,1,"SOURCE","hidden");  \n';
  117.     ButtonSelect1 +='    if (k==2) Obj_Vis(nbrowser,1,"'+NameId+'","inherit");  \n';
  118.     ButtonSelect1 +='}  \n';
  119.     ButtonSelect1 +='</SCRIPT>  \n';
  120.     
  121.     var ButtonSelect2  ='<DIV ID=SELECT STYLE="position:absolute; left:10; top:0;">  \n';
  122.     ButtonSelect2 +='    <DIV ID=SELECT1 STYLE="position:absolute; left:20; top:0;">  \n';
  123.     ButtonSelect2 +='        <A HREF="javascript://"  \n';
  124.     ButtonSelect2 +='        OnMouseOver="select_over(1)"  \n';
  125.     ButtonSelect2 +='        OnMouseOut="select_out(1)"  \n';
  126.     ButtonSelect2 +='        OnClick="select_click(1); return false;">  \n';
  127.     ButtonSelect2 +='        <IMG BORDER=0 NAME=SELECT1img SRC="../image/snm_code.gif"></A>  \n';
  128.     ButtonSelect2 +='    </DIV>  \n';
  129.     ButtonSelect2 +='    <DIV ID=SELECT2 STYLE="position:absolute; left:120; top:0;">  \n';
  130.     ButtonSelect2 +='        <A HREF="javascript://"  \n';
  131.     ButtonSelect2 +='        OnMouseOver="select_over(2)"  \n';
  132.     ButtonSelect2 +='        OnMouseOut="select_out(2)"  \n';
  133.     ButtonSelect2 +='        OnClick="select_click(2); return false;">  \n';
  134.     ButtonSelect2 +='        <IMG BORDER=0 NAME=SELECT2img SRC="../image/snm_preview.gif"></A>  \n';
  135.     ButtonSelect2 +='    </DIV>  \n';
  136.     ButtonSelect2 +='    <DIV ID=SELECT3 STYLE="position:absolute; left:220; top:0;">  \n';
  137.     ButtonSelect2 +='        <A HREF="javascript://"  \n';
  138.     ButtonSelect2 +='        OnMouseOver="select_over(3)"  \n';
  139.     ButtonSelect2 +='        OnMouseOut="select_out(3)"  \n';
  140.     ButtonSelect2 +='        OnClick="select_click(3); return false;">  \n';
  141.     ButtonSelect2 +='        <IMG BORDER=0 NAME=SELECT3img SRC="../image/snm_back.gif"></A>  \n';
  142.     ButtonSelect2 +='    </DIV>  \n';
  143.     ButtonSelect2 +='</DIV>  \n';
  144.  
  145.     screen_width();
  146.  
  147.     if (MyScreenWidth==800){
  148.         var MyRows=16;
  149.         var MyCols=50;
  150.     }else{
  151.         var MyRows=12;
  152.         var MyCols=38;
  153.     }
  154.  
  155.  
  156.     
  157.  
  158.       IMGANIMForm  ='<FORM NAME=test> ';
  159.     IMGANIMForm +='<TEXTAREA NAME=test2 name=output ROWS='+MyRows+' COLS='+MyCols+'> ';
  160.     IMGANIMForm +=LiveRef+IMGANIM1+IMGANIM2+IMGANIM3;
  161.     IMGANIMForm +='</TEXTAREA> ';
  162.     IMGANIMForm +='</FORM > ';
  163.  
  164.     var IMGANIMFormDiv  ='<DIV ID=SOURCE STYLE="visibility:hidden; position:absolute; left:10; top:30;"> \n';
  165.     IMGANIMFormDiv +=IMGANIMForm;
  166.     IMGANIMFormDiv +='</DIV> \n';
  167.  
  168.     if (signe_browser==1){
  169.  
  170.         // meja=window.open("","online","width=580,height=380,LEFT=0,TOP=0,menubar=yes");
  171.         // meja.document.write(IMGANIM);
  172.         // meja.document.close();
  173.         // meja.focus();
  174.  
  175.         IMGANIM=IMGANIM1+ButtonSelect1+IMGANIM2+ButtonSelect2+IMGANIMFormDiv+IMGANIM3;
  176.  
  177.         parent.frames[1].document.write(IMGANIM);
  178.         parent.frames[1].document.close();
  179.     }
  180.  
  181.     if (signe_browser==0){
  182.  
  183.  
  184.  
  185.  
  186.  
  187.         Obj_Vis(nbrowser,1,'CONTENTDIV','hidden');
  188.  
  189.         
  190.  
  191.         document.SOURCE.document.open();
  192.         document.SOURCE.document.write(IMGANIMForm);
  193.         document.SOURCE.document.close();
  194.  
  195.         document.ANIMIMAGE.document.open();
  196.         document.ANIMIMAGE.document.write(IMGANIMNav1);
  197.         document.ANIMIMAGE.document.close();
  198.  
  199.         Obj_Vis(nbrowser,1,'SELECT','inherit');
  200.         
  201.         window.scroll(0,0);
  202.         begin_timer2(1,NameId,0,0,0,0,0,1,500);
  203.     }
  204.  
  205. }
  206.  
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213.